
.ui-datepicker {
    font-size: 12px;
}

#content .center-align {
    background: #ffffff;
    padding: 20px 52px;
    width: 856px;
}

.edit-waypoint .title {
    color: #999999;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
}

.edit-waypoint .edit-form {
    background: #f7f7f7;
    margin-top: 20px;
    padding: 20px;
}

.edit-waypoint .edit-form .sub-title {
    color: #4abdcc;
    font-size: 14px;
}

.edit-waypoint .edit-form .sub-title .remark {
    color: #999999;
    font-size: 12px;
    margin-left: 5px;
}

.edit-waypoint .edit-form .left {
    width: 600px;
}

.edit-waypoint .edit-form .right {
    width: 196px;
}

.edit-waypoint .edit-form .location-form {
    margin-bottom: 24px;
}

.edit-waypoint .edit-form .map-widget {
    height: 320px;
    margin: 20px 0 16px 0;
    position: relative;
    width: 600px;
}

.edit-waypoint .edit-form #map {
    height: 320px;
    width: 600px;
}

.edit-waypoint .edit-form .map-mask .top-border {
    background: url("/static/img/edit_trip_icons.png") no-repeat scroll -180px 0 transparent;
    height: 8px;
    position: absolute;
    top: 0px;
    width: 600px;
}

.edit-waypoint .edit-form .map-mask .right-border {
    background: url("/static/img/edit_trip_icons.png") no-repeat scroll -772px -8px transparent;
    height: 304px;
    position: absolute;
    right: 0px;
    top: 8px;
    width: 8px;
}

.edit-waypoint .edit-form .map-mask .bottom-border {
    background: url("/static/img/edit_trip_icons.png") no-repeat scroll -180px -310px transparent;
    height: 8px;
    position: absolute;
    bottom: 0px;
    width: 600px;
}

.edit-waypoint .edit-form .map-mask .left-border {
    background: url("/static/img/edit_trip_icons.png") no-repeat scroll -180px -8px transparent;
    left: 0px;
    height: 304px;
    position: absolute;
    top: 8px;
    width: 8px;
}

#map_popup {
    text-align: center;
    overflow: hidden;
}

#map_popup p.start {
    margin-top: 18px;
    color: #4C6B7E;
}

#map_popup p.waypoint {
    margin-left: 30px;
}

#map_popup a.text {
    display: block;
    margin-top: 10px;
    width: 240px;
    line-height: 22px;
}

#map_popup a.right-here {
    font-size: 12px;
}

.edit-waypoint .edit-form .pos-search {
    width: 600px;
}

.edit-waypoint .edit-form .pos-search input {
    background: #eaeaea;
    border: 0px solid transparent;
    color: #999999;
    height: 23px;
    line-height: 25px;
    padding-left: 10px;
    width: 148px;
}

.edit-waypoint .edit-form .pos-search .search-btn {
    background: #bad424;
    color: #ffffff;
    display: block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    margin-right: 20px;
    text-align: center;
    text-decoration: none;
    width: 60px;
}

.edit-waypoint .edit-form .pos-search .search-btn:hover {
    background: #a4bd15;
}

.edit-waypoint .edit-form .pos-search span {
    color: #999999;
    font-size: 12px;
    line-height: 25px;
}

.edit-waypoint .edit-form .photo-form .rotate-btn {
    background: #eaeaea;
    cursor: pointer;
    margin-top: -6px;
    height: 23px;
    width: 54px;
}

.edit-waypoint .edit-form .photo-form .rotate-btn .icon {
    background: url("/static/img/edit_trip_icons.png?v=20121012") no-repeat -123px 0px;
    height: 11px;
    margin: 6px 3px 0px 8px;
    width: 12px;
}

.edit-waypoint .edit-form .photo-cover {
    height: 130px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    width: 196px;
}

.edit-waypoint .edit-form .photo-mask {
    background: url("/static/img/edit_trip_icons.png") no-repeat scroll 0 -320px;
    height: 130px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 196px;
}

.edit-waypoint .edit-form .photo-form .upload-photo {
    margin-bottom: 24px;
    position: relative;
}

.edit-waypoint .edit-form .photo-form span {
    color: #999999;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
}

.edit-waypoint .edit-form .photo-form input.photo-file {
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    cursor: pointer;
    height: 24px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 84px;
    z-index: 100;
}

.edit-waypoint .edit-form .photo-form .fake-file {
    cursor: pointer;
    height: 25px;
    position: relative;
    width: 72px;
}

.edit-waypoint .edit-form .photo-form .fake-button {
    background: #bad424;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    left: 0px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 72px;
    z-index: 1;
}

.edit-waypoint .edit-form .photo-form .fake-file:hover .fake-button {
    background: #a4bd15;
}

.edit-waypoint .edit-form .photo-form .filename{
    color: #999999;
    font-size: 12px;
    height: 24px;
    left: 80px;
    line-height: 24px;
    position: absolute;
    top: 24px;
}

.edit-waypoint .edit-form .text-form textarea {
    border: 0px solid transparent;
    font-size: 12px;
    height: 100px;
    margin: 16px 0 24px 0;
    padding: 5px;
    resize: none;
    width: 186px;
}

.edit-waypoint .edit-form .privacy-form .text-wrapper {
    -webkit-border-radius: 0;
    background: #eaeaea;
    border: 1px solid #eaeaea;
    border-radius: 0;
    height: 20px;
    margin-top: 16px;
    padding: 4px 0 4px 10px;
    width: 184px;
}

.edit-waypoint .edit-form .privacy-form #privacy {
    -webkit-appearance: button;
    background: #eaeaea;
    border: 0px solid #eaeaea;
    color: #999999;
    font-size: 14px;
    width: 175px;
}

.edit-waypoint .edit-form .time-form .form-row {
    color: #999999;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-top: 4px;
}

.edit-waypoint .edit-form .time-form .form-row input[type=radio] {
    height: 22px;
}

.edit-waypoint .edit-form .time .date {
    background: #eaeaea;
    border: 0px solid transparent;
    color: #999999;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    width: 160px;
}

.edit-waypoint .edit-form .time span {
    display: block;
    float: left;
    margin: 0 2px;
}

.edit-waypoint .edit-form .time .input-wrapper {
    background: #eaeaea;
    border: 0px solid transparent;
    height: 28px;
    line-height: 22px;
    padding-top: 4px;
    width: 46px;
}

.edit-waypoint .edit-form .time .hour {
    -webkit-appearance: textfield;
    background: #eaeaea;
    border: 0px solid transparent;
    color: #999999;
    padding-left: 10px;
    text-align: center;
    width: 46px;
}

.edit-waypoint .edit-form .time .minute {
    -webkit-appearance: textfield;
    background: #eaeaea;
    border: 0px solid transparent;
    color: #999999;
    padding-left: 10px;
    text-align: center;
    width: 46px;
}

.edit-waypoint .button {
    padding: 20px 0 10px 0;
    height: 32px;
}

.edit-waypoint .button a {
    background: #4abdcc;
    color: #ffffff;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #5c5c5c;
    width: 96px;
}

.edit-waypoint .prompt {
    color: #fc5d7b;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin-right: 20px;
}

#content .done:hover {
    background: #2e9dab;
}

#photo-rotate-popup {
    position: relative;
    width: 100%;
    z-index: 2010;
}

#photo-rotate-popup .wrapper {
    background: #ffffff;
    height: 473px;
    margin: 0 auto;
    padding: 9px;
    position: relative;
    width: 580px;
}

#photo-rotate-popup .photo-wrapper {
    height: 435px;
    overflow: hidden;
    position: relative;
    width: 580px;
}

#photo-rotate-popup .photo-wrapper span {
    display: block;
}

#photo-rotate-popup .photo .photo-img {
    display: block;
    margin: 0 auto;
}

#photo-rotate-popup .button-row {
    height: 29px;
    margin: 9px auto 0px auto;
    width:  264px;
}

#photo-rotate-popup .btn {
    background: #4ABDCC;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin: 0 7px;
    width: 80px;
}

#photo-rotate-popup .btn:hover {
    background: #2e9dab;
}

#photo-rotate-popup .rotate-left .icon {
    background: url("/static/img/edit_trip_icons.png?v=20121012") no-repeat -80px 0px;
    height: 11px;
    margin: 8px 5px 0 8px;
    width: 13px;
}

#photo-rotate-popup .rotate-right .icon {
    background: url("/static/img/edit_trip_icons.png?v=20121012") no-repeat -102px 0px;
    height: 11px;
    margin: 8px 5px 0 8px;
    width: 13px;
}

#photo-rotate-popup .rotate-done {
    background: #bad424;
    font-size: 14px;
    margin: 0 13px;
    text-align: center;
    text-shadow: 1px 1px 1px #5c5c5c;
    width: 50px;
}

#photo-rotate-popup .rotate-done:hover {
    background: #a4bd15;
}

